<ProgressBars@MDScreen>
    name: "progress bar"

    BoxLayout:
        orientation: "vertical"
        spacing: "10dp"

        Toolbar:
            id: toolbar

        BoxLayout:
            orientation:"vertical"
            padding: "8dp"

            MDLabel:
                text: "Slider with [b]hint = True[/b]"
                markup: True
                halign: "center"
                theme_text_color: "Primary"

            MDSlider:
                id: progress_slider
                min: 0
                max: 100
                value: 40

            MDLabel:
                text: "Slider with [b]hint = False[/b]"
                markup: True
                halign: "center"
                theme_text_color: "Primary"

            MDSlider:
                id: progress_slider
                min: 0
                max: 100
                value: 40
                hint: False

            MDLabel:
                text: "Examples [b]MDProgressBar[/b]"
                markup: True
                halign: "center"
                theme_text_color: "Primary"

            MDProgressBar:
                value: progress_slider.value

            MDProgressBar:
                reversed: True
                value: progress_slider.value

            BoxLayout:
                MDProgressBar:
                    orientation: "vertical"
                    reversed: True
                    value: progress_slider.value

                MDProgressBar:
                    orientation: "vertical"
                    value: progress_slider.value
